<template>
    <div class="table">
        <div class="container" style="padding: 10px;">
            <div>
                <el-table
                        :data="tableData"
                        border  stripe
                        style="width: 100%">
                    <el-table-column prop="date" align="center" label="设备编号"></el-table-column>
                    <el-table-column prop="name" align="center" label="设备名称"></el-table-column>
                    <el-table-column prop="address" align="center" label="所属协议"></el-table-column>
                    <el-table-column prop="address" align="center" label="所属集中器"></el-table-column>
                    <el-table-column prop="address" align="center" label="设备状态"></el-table-column>
                </el-table>
            </div>

        </div>
    </div>
</template>

<script>
    export default {
        name: "customGroup",
        data(){
            return {
                tableData: [{
                    id: 31,
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄'
                }, {
                    id: 32,
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄'
                }, {
                    id: 4,
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1516 弄'
                }],
            }
        }

    }
</script>

<style scoped>

</style>